<template>
    <div>欢迎{{$store.state.user.nickname}}回来！{{message}}<br/><button type="button" @click="outLogin()">安全退出</button></div>
</template>

<script>
    import {mapActions} from "vuex";
  export default {
    name: 'ucenter',
    data(){
      return {
        username:localStorage['username'],
        message:""
      }
    },
    created(){
      this.$utils.safeUser(this);
      // this.safeUser({complete:(res)=>{
      //       if(res.code!=200){
      //         this.$router.replace("/login")
      //       }
      //   }
      // })
      // this.$request({
      //   url:"/home/user/safe?token="+this.$config.token,
      //   method:"post",
      //   data:{uid:localStorage['uid'],auth_token:localStorage['authToken']}
      // },this.$router)
    },
    methods:{
      ...mapActions({
        safeUser:"user/safeUser",
        asyncOutLogin:"user/outLogin"
      }),
      async outLogin(){
        // this.$request({
        //   url:"/home/user/safeout?token="+this.$config.token,
        //   method:"post",
        //   data:{uid:localStorage["uid"]}
        // }).then(res=>{
        //   if(res.code==200){
        //     localStorage.clear();
        //     this.$router.replace("/login");
        //   }
        // })
        let outLoginRes=await this.asyncOutLogin();
        if(outLoginRes.code==200){
          this.$router.replace("/login");
        }
      }
    },
    // beforeRouteEnter(to,from,next){
    //   if(localStorage['isLogin']){
    //     next();
    //     next((vm)=>{
    //       vm.message="我是组件内的守卫beforeRouteEnter"
    //     })
    //   }else{
    //     next("/login");
    //   }
    // }
  };
</script>

<style scoped>

</style>
